// base color
$blue: #324157;
$light-blue: #3a71a8;
$red: #c03639;
$pink: #e65d6e;
$green: #30b08f;
$tiffany: #4ab7bd;
$yellow: #fec171;
$panGreen: #30b08f;
$white: #ffffff;
$Black: #5a5e66;

// sidebar
$menuText: #bfcbd9;
$menuActiveText: #409eff;
$subMenuActiveText: #f4f4f5; // https://github.com/ElemeFE/element/issues/12951

$menuBg: #304156;
$menuHover: #263445;
$sidebarTitle: #ffffff;
$subMenuBg: #1f2d3d;
$subMenuHover: #001528;
$logoBg: #304156;

//第二个紫色主题

$menuLightBg: #555299;
$menuLightHover: #f0f1f5;
$sidebarLightTitle: #fff;
$menuText2: #fff;
$logoBg2: #555299;

// 二级导航背景颜色
$subMenuBg2: #3c3877;
$subMenuHover2: #2b2856;

// 第3种主题绿色 深蓝

$menuBg3: #0f2950;
$menuHover3: #011636;
$sidebarTitle3: #fff;
$menuText3: #fff;
$logoBg3: #0f2950;

$subMenuBg3: #011e48;
$subMenuHover3: #011737;

// grey 灰色
$menuBg4: #f4f4f4;
$menuHover4: #fefefe;
$sidebarTitle4: #222222;
$menuText4: #222222;
// 左侧导航
$subMenuBg4: #f4f4f4;
$subMenuHover4: #fefefe;

// red
$logoBg4: red;
// 导航的宽度
$sideBarWidth: 200px;

$topBarBg: red;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
    menuText: $menuText;
    menuActiveText: $menuActiveText;
    subMenuActiveText: $subMenuActiveText;
    menuBg: $menuBg;
    menuHover: $menuHover;
    menuLightBg: $menuLightBg;
    menuLightHover: $menuLightHover;
    subMenuBg: $subMenuBg;
    subMenuHover: $subMenuHover;
    sideBarWidth: $sideBarWidth;
    sidebarTitle: $sidebarTitle;
    sidebarLightTitle: $sidebarLightTitle;
    topBarBg: $topBarBg;
    logoBg: $logoBg;
    // 第二个主题
    menuText2: $menuText2;
    subMenuBg2: $subMenuBg2;
    subMenuHover2: $subMenuHover2;
    logoBg2: $logoBg2;
    // 第三种主题
    menuBg3: $menuBg3;
    menuHover3: $menuHover3;
    sidebarTitle3: $sidebarTitle3;
    menuText3: $menuText3;
    subMenuBg3: $subMenuBg3;
    subMenuHover3: $subMenuHover3;
    logoBg3: $logoBg3;
    // hui
    menuBg4: $menuBg4;
    menuHover4: $menuHover4;
    sidebarTitle4: $sidebarTitle4;
    menuText4: $menuText4;
    subMenuHover4: $subMenuHover4;
    subMenuBg4: $subMenuBg4;

    logoBg4: $logoBg4;
    bjwhite: $white;
    bjblack: $Black;
}
